<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		*{
			margin: 0;
			padding: 0 ;
			list-style: none;
			/* position: ; */
		}
	</style>
	
	<body>
		<span class="jz">不能右键,不能选中</span>
		<input type="text" id="txt" value="手机">
		<script>
			// 4. 尽全力阻止用户复制页面上的文字
			var jz=document.getElementsByClassName('jz')[0];
			// jz.oncontextmenu=function(eve){
			// 	// eve.preventDefault()
			// 	eve.preventDefault()
			// }
			jz.addEventListener('contextmenu',function(eve){
				eve.preventDefault()
			})
			jz.addEventListener('selectstart',function(eve){
				eve.preventDefault()
			})
			
		
			// 5. 跟随鼠标的提示框
			
			
			
			
			// 6. 输入框默认提示
			var txt=document.querySelector('#txt')
			txt.onfocus=function(){
				if(this.value==='手机'){
					this.value=""
				}	
			}
			txt.onblur=function(){
					if(this.value===''){
						this.value="手机"
					}
			}
			// 7. 鼠标移动轨迹 , 一连串元素跟随鼠标移动
			// document.onmousemove=function(eve){
			// 	var di1=document.createElement('li')
			// 	var di2=document.createElement('li')
			// 	var di3=document.createElement('li')
			// 	var di4=document.createElement('li')
				
			// 	di1.style.position="absolute"
			// 	di1.style.color='red'
			// 	di1.style.width='10px'
			// 	di1.style.height='10px'
			// 	di1.style.left=eve.pageX+"px"
			// 	di1.style.top=eve.pageY+"px"
			// 	di1.innerHTML='1'
			// 	document.body.appendChild(di1)
			// }
			
			
		</script>
	</body>
</html>